<BR><BR>

<div class="row-fluid"  style="padding-top: 20px">
	<span class="span6">

		<input type="search" placeholder="Search Activity" ng-model="searchActivityModel">
 		<div ng-grid="gridOptions" class="gridStyle" style="width: 100%; height: 400px"></div> 
 	</span>
 	<span class="span6">
 		<input type="search" placeholder="Search Todo" ng-model="searchTodoModel">
 		<div ng-grid="gridTodoOptions" class="gridStyle" style="width: 100%; height: 400px"></div> 

 	</span>
</div>

<br>
<div class="row-fluid"  >
	<span class="span6">
 		
 		<div class="controls text-center" >
	    <select id="chartType" ng-model="chart.type">
	        <option value="AreaChart">AreaChart</option>
	       <!--  <option value="PieChart">PieChart</option> -->
	        <option value="ColumnChart">ColumnChart</option>
	        <option value="LineChart">LineChart</option>
	        <option value="Table">Table</option>
	        <option value="BarChart">BarChart</option>
	    </select>

		</div>
		
		<div google-chart chart="chart" style="{{chart.cssStyle}}"/>


 	</span>
 	<span class="span6">
 		
		<div google-chart chart="chart" style="{{chart.cssStyle}}"/>

 	</span>
</div>


